import axios from 'axios'
import Vue from 'vue';
import { Toast } from 'vant';

Vue.use(Toast);
//创建axios实例
const instance =axios.create({
    baseURL:'http://kumanxuan1.f3322.net:8001',
    timeout:5000
})

//书写请求拦截
instance.interceptors.request.use(config=>{
    //config是本次请求的基本信息,这个函数是发送请求之前就执行，拦截了这次的请求
    // console.log('1111')
    // console.log('执行了请求拦截器的代码',config)
    
    //在这个方法中检测，有没有token,如果有就在请求头中携带上这个token
    let token=localStorage.getItem('token')
    if(token){
        config.headers['X-Nideshop-Token']=token
        //在请求头中携带这个token,然后在请求的时候带上这个值
    }
    //在发送请求前提示
    Toast.loading({
        message: '加载中...',
        forbidClick: true,
      });
    return config
},err=>{
    return Promise.reject(err)
})

//响应拦截
instance.interceptors.response.use(res=>{
    // console.log(222)
    //这里请求拿到了后台的数据，然后传到对应页面的js
    let data=res.data
    if(data.errno!==0){
        console.log(data.errmsg);
    }
    //拿到数据以后，手动清除Toast
    Toast.clear();
    return data
    
},err=>{
    return Promise.reject(err)
})

export default instance